// pages/tree-hole/tree-hole.js
const App = getApp()
Page({

  /**
   * 页面的初始数据
   */
  data: {
    stories: [],
    isLoading: false
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    //在图片还没加载完成之前显示加载中
    wx.showLoading({
      title: "加载中~",
      mask: true,
      success: _ => {
        this.setData({ isLoading: true })
      }
    })
  },
  //获取已发表的文章
  getStories() {
    wx.cloud.callFunction({
      name: "getstories"
    })
      .then(result => {
        this.setData({ stories: result.result })
      })
  },
  //去发表故事页面
  goSendDynamic() {
    wx.navigateTo({ url: '/pages/write-story/write-story' })
  },
  //给故事点赞
  giveZan(event) {
    const { id } = event.currentTarget.dataset
    //找到需要点赞的文章
    const index = this.data.stories.findIndex(item => item._id === id)
    const story = this.data.stories[index]
    wx.cloud.callFunction({
      name: "gczan",
      data: { id, story }
    })
      .then(result => {
        this.data.stories.splice(index, 1, result.result)
        this.setData({ stories: this.data.stories })
      })
  },
  //去故事详情页面
  goDetailStory(event) {
    const { id } = event.currentTarget.dataset
    wx.navigateTo({ url: '/pages/story-detail/story-detail?id=' + id })
  },
  //监听图片是否加载完成
  timer: null,
  imageLoad(event) {
    clearTimeout(this.timer)
    this.timer =
      setTimeout(_ => {
        //图片加载完成之后关闭Loading
        if (this.data.isLoading) {
          wx.hideLoading()
          this.setData({ isLoading: false })
        }
      }, 100)
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    this.getStories()
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
    this.getStories()
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})